<%--
  Created by IntelliJ IDEA.
  User: apple
  Date: 2020/6/9
  Time: 17:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<%@include file="head.jsp"%>

<body>


<!--广告图-->
<div class="container-fluid page-banner">
    <div class="row">
        <img src="img/pagebanner1.jpg" alt="" class="img-responsive" />
    </div>
</div>
<div class="common-title" style="margin-top: 4em;">
    <h2>多肉展示</h2>
    <span>Type</span>
    <p>
        <i></i>
        <i></i>
    </p>
</div>
</div>
<section class="cp">
    <div class="cp_top">
        <ul>
            <li>
                <a class="cp_img" href="pro1.jsp">
                    <img src="img/pro-1.jpg" class="cptop_img">
                    <img src="img/pro-1.jpg">
                </a>
                <h3>黄丽</h3>
                <p>景天科景天属，多年生多肉植物、也称多浆植物。</p>
            </li>
            <li>
                <a class="cp_img"  href="pro2.jsp">
                    <img src="img/pro-2.jpg" class="cptop_img">
                    <img src="img/pro-2.jpg">
                </a>
                <h3>蓝石莲</h3>
                <p>皮氏石莲是景天科、拟石莲花属的多肉植物，也被称作蓝石莲。</p>
            </li>
            <li>
                <a class="cp_img"  href="pro3.jsp">
                    <img src="img/pro-3.jpg" class="cptop_img">
                    <img src="img/pro-3.jpg">
                </a>
                <h3>虹之玉</h3>
                <p>景天科景天属的多肉植物，多年生肉质草本植物。</p>
            </li>
            <li>
                <a class="cp_img"  href="pro4.jsp">
                    <img src="img/pro4.jpg" class="cptop_img" >
                    <img src="img/pro4.jpg" >
                </a>
                <h3>石生花</h3>
                <p>番杏科生石花属多年生小型多肉植物，茎很短。</p>
            </li>
            <li>
                <a class="cp_img"  href="pro5.jsp">
                    <img src="img/pro5.jpg" class="cptop_img">
                    <img src="img/pro5.jpg">
                </a>
                <h3>桃美人</h3>
                <p>隶属于景天科、厚叶草属的多肉植物。</p>
            </li>
            <li>
                <a class="cp_img"  href="pro6.jsp">
                    <img src="img/pro6.jpg" class="cptop_img">
                    <img src="img/pro6.jpg">
                </a>
                <h3>熊童子</h3>
                <p>一种隶属于景天科、银波锦属的多肉植物。</p>
            </li>
            <li>
                <a class="cp_img"  href="pro7.jsp">
                    <img src="img/pro7.jpg" class="cptop_img">
                    <img src="img/pro7.jpg">
                </a>
                <h3>姬玉露</h3>
                <p>百合科十二卷属多肉植物。</p>
            </li>
            <li>
                <a class="cp_img"  href="pro8.jsp">
                    <img src="img/pro8.jpg" class="cptop_img">
                    <img src="img/pro8.jpg">
                </a>
                <h3>千佛手</h3>
                <p>景天属与拟石莲花属的跨属杂交种。</p>
            </li>
        </ul>
    </div>
</section>
<!--分页-->
<%--<nav aria-label="Page navigation" class="page-box">--%>
<%--    <ul class="pagination">--%>
<%--        <li>--%>
<%--            <a href="#" aria-label="Previous">--%>
<%--                <span aria-hidden="true">首页</span>--%>
<%--            </a>--%>
<%--        </li>--%>
<%--        <li class="active">--%>
<%--            <a href="#">1</a>--%>
<%--        </li>--%>
<%--        <li>--%>
<%--            <a href="#">2</a>--%>
<%--        </li>--%>
<%--        <li>--%>
<%--            <a href="#">3</a>--%>
<%--        </li>--%>
<%--        <li>--%>
<%--            <a href="#">4</a>--%>
<%--        </li>--%>
<%--        <li>--%>
<%--            <a href="#">5</a>--%>
<%--        </li>--%>
<%--        <li>--%>
<%--            <a href="#" aria-label="Next">--%>
<%--                <span aria-hidden="true">尾页</span>--%>
<%--            </a>--%>
<%--        </li>--%>
<%--    </ul>--%>
<%--</nav>--%>


<%@include file="foot.jsp"%>

<script src="js/jquery-1.11.0.js"></script>
<script src="js/bootstrap.min.js"></script>

</body>

</html>
